var Group = {
  config : {} ,
  
  init: function( config ){
		var _this = this;
		$.extend(_this.config, config);
    _this.init_btn();
  },
  
  init_btn : function(){
    var _this = this;
    
		$(document).on('click', '.item-title', function(e) {
			e.preventDefault();
      var this_id =   $(this).data('id');
      if ( $(this).hasClass('ban') ) {
        return ;
      } else if ( $(this).hasClass('active') ) {
        _this.remove_group_html( this_id );
      } else {
        //_this.clear_group_html();
        _this.add_group_html( this_id );
      }
		});
  },
  
  get : function( group_id , sys_type , mer_id ){
    var _this = this;
    var url = _this.config.get_url  ;
    var data = {
      sys_type : sys_type ,
      mer_id : mer_id ,
    };
    $.post(url , data , function(ret){
      $( '#' + _this.config.html_id ).html( ret );
      _this.add_group_html( group_id ) ;
    });
  },
  
  clear_group_html : function() {
    var _this = this;
    var obj = $( '#' + _this.config.html_id ).find('.item-title');
    obj.removeClass('ban active');
    obj.find('i').removeClass('fa-check-square-o fa-square').addClass('fa-square-o');
  },
  
  add_group_html : function( group_id ){
    var _this = this;

    var group_id_arr = String(group_id).split(',');
    for( var i = 0 ; i < group_id_arr.length ; i++ ) {
      var obj = $('.item-title[data-id="' + group_id_arr[i] + '"]') ;
      obj.removeClass('ban active').addClass('active');
      obj.find('i').removeClass('fa-square-o fa-check-square-o').addClass('fa-check-square-o');
      _this.add_sub_group_html(obj.parent('.group-item'));
    }
  },
  
  add_sub_group_html : function( obj ){
    if ( obj.find('.sub-group').length == 0 ) {
      return ;
    }
    var sub_obj = obj.find('.sub-group .item-title');
    sub_obj.removeClass('ban active').addClass('ban');
    sub_obj.find('i').removeClass('fa-square-o fa-check-square-o').addClass('fa-square');
  },
  
  remove_group_html : function( group_id ){
    var _this = this;

    var group_id_arr = String(group_id).split(',');
    for( var i = 0 ; i < group_id_arr.length ; i++ ) {
      var obj = $('.item-title[data-id="' + group_id_arr[i] + '"]') ;
      obj.removeClass('active');
      obj.find('i').removeClass('fa-check-square-o fa-square' ).addClass('fa-square-o');
      _this.remove_sub_group_html(obj.parent('.group-item'));
    }
  },
  
  remove_sub_group_html : function( obj ){
    if ( obj.find('.sub-group').length == 0 ) {
      return ;
    }
    var sub_obj = obj.find('.sub-group .item-title');
    sub_obj.removeClass('ban active');
    sub_obj.find('i').removeClass('fa-check-square-o fa-square' ).addClass('fa-square-o');
  },
  
}